﻿<!--
    Copyright © Microsoft Corporation.  All Rights Reserved.
    This code released under the terms of the 
    Microsoft Public License (MS-PL, http://opensource.org/licenses/ms-pl.html.)
-->

<UserControl
	xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
	xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
	xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
	xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
	xmlns:local="clr-namespace:PrototypeScreens"
	xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"
	xmlns:ei="http://schemas.microsoft.com/expression/2010/interactions"
	xmlns:pi="http://schemas.microsoft.com/prototyping/2010/interactivity"
	xmlns:sdk="http://schemas.microsoft.com/winfx/2006/xaml/presentation/sdk"
	xmlns:ssi="clr-namespace:SketchFlow.SaveState.Interactions;assembly=SketchFlow.SaveState.SL"
	mc:Ignorable="d"
	x:Class="PrototypeScreens.Screen_1"
	Width="540" Height="176">
	<UserControl.Resources>
		<ItemsPanelTemplate x:Key="ItemsPanelTemplate1">
			<VirtualizingStackPanel Orientation="Horizontal"/>
		</ItemsPanelTemplate>
	</UserControl.Resources>
	<i:Interaction.Behaviors>
		<ssi:SaveScreenStateBehavior/>
		<ssi:SaveVisualStateBehavior/>
	</i:Interaction.Behaviors>

	<Grid x:Name="LayoutRoot" Background="#FF55AAFF">
		<VisualStateManager.VisualStateGroups>
			<VisualStateGroup x:Name="Group_0_0">
				<VisualState x:Name="A"/>
				<VisualState x:Name="B">
					<Storyboard>
						<ColorAnimation Duration="0" To="#FF5555FF" Storyboard.TargetProperty="(Panel.Background).(SolidColorBrush.Color)" Storyboard.TargetName="LayoutRoot" d:IsOptimized="True"/>
					</Storyboard>
				</VisualState>
				<VisualState x:Name="C">
					<Storyboard>
						<ColorAnimation Duration="0" To="#FFAA55FF" Storyboard.TargetProperty="(Panel.Background).(SolidColorBrush.Color)" Storyboard.TargetName="LayoutRoot" d:IsOptimized="True"/>
					</Storyboard>
				</VisualState>
			</VisualStateGroup>
		</VisualStateManager.VisualStateGroups>
		<Button Content="Navigate" HorizontalAlignment="Left" Style="{StaticResource Button-Sketch}" VerticalAlignment="Top" Width="75" Margin="8,8,0,0" Height="30" FontSize="18.667" Foreground="Black"/>
		<TextBox x:Name="sketchText" Style="{StaticResource BasicTextBox-Sketch}" TextWrapping="Wrap" Text="asdf" VerticalAlignment="Top" Margin="8,112,0,0" HorizontalAlignment="Left" Width="72" FontSize="18.667" Foreground="Black"/>
		<TextBox x:Name="normalText" HorizontalAlignment="Left" Height="24" Margin="8,144,0,0" TextWrapping="Wrap" VerticalAlignment="Top" Width="72" Foreground="Black" Text="qwerty"/>
		<TextBox Style="{StaticResource BasicTextBox-Sketch}" TextWrapping="Wrap" Text="{Binding Text, ElementName=sketchText, Mode=TwoWay}" VerticalAlignment="Top" Margin="84,112,0,0" HorizontalAlignment="Left" Width="72" FontSize="18.667" Foreground="Black"/>
		<TextBox HorizontalAlignment="Left" Height="24" Margin="84,144,0,0" TextWrapping="Wrap" VerticalAlignment="Top" Width="72" Foreground="Black" Text="{Binding Text, ElementName=normalText, Mode=TwoWay}"/>
		<Button Content="A" HorizontalAlignment="Left" Margin="8,59,0,87" Style="{StaticResource Button-Sketch}" Width="30">
			<i:Interaction.Triggers>
				<i:EventTrigger EventName="Click">
					<ei:GoToStateAction StateName="A"/>
				</i:EventTrigger>
			</i:Interaction.Triggers>
		</Button>
		<Button Content="B" HorizontalAlignment="Left" Margin="42,59,0,87" Style="{StaticResource Button-Sketch}" Width="30">
			<i:Interaction.Triggers>
				<i:EventTrigger EventName="Click">
					<ei:GoToStateAction StateName="B"/>
				</i:EventTrigger>
			</i:Interaction.Triggers>
		</Button>
		<Button Content="C" HorizontalAlignment="Left" Margin="76,59,0,87" Style="{StaticResource Button-Sketch}" Width="30">
			<i:Interaction.Triggers>
				<i:EventTrigger EventName="Click">
					<ei:GoToStateAction StateName="C"/>
				</i:EventTrigger>
			</i:Interaction.Triggers>
		</Button>
		<local:Screen_3 Margin="168,8,192,0" VerticalAlignment="Top" Width="Auto"/>
		<local:Screen_3 Margin="0,8,8,0" d:IsPrototypingComposition="True" HorizontalAlignment="Right" VerticalAlignment="Top"/>
	</Grid>
</UserControl>